<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <link rel="shortcut icon" href="img/logo.ico"/>
    <meta charset="utf-8">
    <title>登录界面</title>
    <script type="text/javascript" th:src="@{/webjars/jquery/3.2.1/dist/jquery.js}">
    </script>
    <script type="text/javascript">
      $(document).ready(function(){
          $("#regist").click(function () {
              window.location="main.html";
          })
      })
    </script>
    <!-- Bootstrap core CSS -->
<link th:href="@{/css/signin.css}" rel="stylesheet">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>

    
    <!-- Custom styles for this template -->
    <link href="css/signin.css" rel="stylesheet">
  </head>
  <body class="text-center" background="img/mxbc.jpg" style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;">
    
<main class="form-signin">
  <form action="">
    <h1 class="h3 mb-3 fw-normal">请 登 录</h1>
    <table>
      <tr>
        <td style="text-align: center">
          <label for="floatingInput" >用户名</label>
        </td>
        <td>
          <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
        </td>
      </tr>
      <tr>
        <td style="text-align: center">
          <label for="floatingPassword">密码</label>
        </td>
        <td>
          <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
        </td>
      </tr>
    </table>

    <button class="w-100 btn btn-lg btn-primary" type="submit" id="signin" >登录</button>
    <button class="w-100 btn btn-lg btn-primary" type="submit" id="regist" >注册</button>
    <p class="mt-5 mb-3 text-muted">&copy; 2017–2021</p>
  </form>
</main>

  </body>
</html>
